<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="description" content="personal blog login page" />
		<meta name="author" content="lihongpeng" />
		<title>简易BLOG</title>
		<link rel="stylesheet" href="/css/plugins/mui.min.css" />
		<link rel="stylesheet" href="/css/plugins/jianyi-style.css" />
		<link rel="stylesheet" href="/css/plugins/swiper-3.3.1.min.css" />
		<!--[if lt IE 9]>
		<script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
		<![endif]-->
	</head>

	<body>
		<div class="jy-blue">
			<div class="container header clearfix">
				<a href="#"><img src="img/jianyi-logo.png" class="jy-logo" /></a>
				<a href="#">首页</a>
				<a href="#">关注</a>
				<a href="#">消息</a>
				<form action="" method="" class="form-search">
					<input type="text" name="" id="searchInput" value="" placeholder="搜索"  x-webkit-speech="" x-webkit-grammar="builtin:search" lang="zh-CN">
					<a class="search-btn" href="javascript:;"><span class="mui-icon mui-icon-search"></span></a>
				</form>
				<div class="user-header">
					<a href="#"><img src="img/IT.png"/></a>
				</div>
			</div>
		</div>
		<div class="container jy-content clearfix">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="img/objects.png" /></div>
					<div class="swiper-slide"><img src="img/timg.jpg" /></div>
					<div class="swiper-slide"><img src="img/objects.png" /></div>
				</div>
				<div class="swiper-pagination"></div>
				<div class="swiper-button-prev swiper-button-white"></div>
				<div class="swiper-button-next swiper-button-white"></div>
			</div>
			<div class="content-card">
				<div class="card">IT互联网</div>
				<div class="card">摄影秀</div>
				<div class="card">动物自然</div>
				<div class="card">养生之道</div>
				<div class="card">大学生活</div>
				<div class="content-main clearfix">
					<ul>
						<li>
							<div>
								<img src="img/jianyi-default.png" alt="" />
								<a href="">今夜陈</a>
								<span>昨天 20:19</span>
							</div>
							<div>
								<a href="">为什么坐拥5亿用户的支付宝做不好社交？</a>
								<p>为标题党致歉。长文预警，多图杀猫。 其实支付宝做不好社交是非常正常的。第一，是否坐拥5亿用户和做不做的好社交没有什么逻辑联系。第二，从支付宝决定要成为每个人的钱包的时候，就注...</p>
								<img src="img/jianyi-default.png" />
							</div>
							<div class="clearfix">
								<a href="">@产品</a>
								<a href="">1232</a>
								<a href="">34</a>
								<a>89</a>
							</div>
						</li>
						<li>
							<div>
								<img src="img/jianyi-default.png" alt="" />
								<a href="">今夜陈</a>
								<span>昨天 20:19</span>
							</div>
							<div>
								<a href="">为什么坐拥5亿用户的支付宝做不好社交？</a>
								<p>为标题党致歉。长文预警，多图杀猫。 其实支付宝做不好社交是非常正常的。第一，是否坐拥5亿用户和做不做的好社交没有什么逻辑联系。第二，从支付宝决定要成为每个人的钱包的时候，就注...</p>
								<img src="img/jianyi-default.png" />
							</div>
							<div class="clearfix">
								<a href="">@产品</a>
								<a href="">1232</a>
								<a href="">34</a>
								<a>89</a>
							</div>
						</li>
						<li>
							<div>
								<img src="img/jianyi-default.png" alt="" />
								<a href="">今夜陈</a>
								<span>昨天 20:19</span>
							</div>
							<div>
								<a href="">为什么坐拥5亿用户的支付宝做不好社交？</a>
								<p>为标题党致歉。长文预警，多图杀猫。 其实支付宝做不好社交是非常正常的。第一，是否坐拥5亿用户和做不做的好社交没有什么逻辑联系。第二，从支付宝决定要成为每个人的钱包的时候，就注...</p>
								<img src="img/jianyi-default.png" />
							</div>
							<div class="clearfix">
								<a href="">@产品</a>
								<a href="">1232</a>
								<a href="">34</a>
								<a>89</a>
							</div>
						</li>
						<li>
							<div>
								<img src="img/jianyi-default.png" alt="" />
								<a href="">今夜陈</a>
								<span>昨天 20:19</span>
							</div>
							<div>
								<a href="">为什么坐拥5亿用户的支付宝做不好社交？</a>
								<p>为标题党致歉。长文预警，多图杀猫。 其实支付宝做不好社交是非常正常的。第一，是否坐拥5亿用户和做不做的好社交没有什么逻辑联系。第二，从支付宝决定要成为每个人的钱包的时候，就注...</p>
								<img src="img/jianyi-default.png" />
							</div>
							<div class="clearfix">
								<a href="">@产品</a>
								<a href="">1232</a>
								<a href="">34</a>
								<a>89</a>
							</div>
						</li>
					</ul>
					<button type="button" data-loading-text="加载中···" class="mui-btn mui-btn-success mui-btn-block mui-btn-outlined">加载更多</button>
				</div>
			</div>
			<div class="content-card-r">
				<div class="card">新上榜</div>
				<div class="card">日报</div>
				<div class="card">周热门</div>
				<div class="card">月热门</div>
				<div class="auther">
					<div>
						<p>推荐作者</p>
						<span>1/34</span>
						<ul class="mui-pagination mui-pagination-sm">
							<li class="mui-previous">
								<a href="#">
									&laquo;
								</a>
							</li>
							<li class="mui-next">
								<a href="#">
									&raquo;
								</a>
							</li>
						</ul>
					</div>
					<ul>
						<li>
							<div class="clearfix">
								<img src="img/jianyi-default.png" alt="" />
								<div class="auther-name">
									<a href="">今夜陈</a>
									<p>昨天 20:19</p>
								</div>
								<a class="follow" href="#">关注</a>
							</div>
						</li>
						<li>
							<div class="clearfix">
								<img src="img/jianyi-default.png" alt="" />
								<div class="auther-name">
									<a href="">今夜陈</a>
									<p>昨天 20:19</p>
								</div>
								<a class="follow" href="#">关注</a>
							</div>
						</li>
						<li>
							<div class="clearfix">
								<img src="img/jianyi-default.png" alt="" />
								<div class="auther-name">
									<a href="">今夜陈</a>
									<p>昨天 20:19</p>
								</div>
								<a class="follow" href="#">关注</a>
							</div>
						</li>
					</ul>
					<a href="#" class="look-all">查看全部></a>
				</div>
			</div>
		</div>
		<footer class="container">
			<a href="">关于简易</a><i>·</i>
			<a href="">联系我们</a><i>·</i>
			<a href="">加入我们</a><i>·</i>
			<a href="">作者出书计划</a><i>·</i>
			<a href="">帮助中心</a><i>·</i>
			<a href="">合作伙伴</a>
			<div class="icp">
				©2017-2017 北京简易科技有限公司 / Tel:021-61995350 / 简易 / 京ICP备11018329号-5 / 京公网安备00000000000号
				<a target="_blank" href="#">
					<img src="//cdn-qn0.jianshu.io/assets/web/smrz-14723344f0991457bfc9f5172c219a5f.png" alt="Smrz">
				</a>
			</div>
		</footer>
		<script type="text/javascript" src="/js/plugins/jquery-3.1.1.min.js"></script>
		<script type="text/javascript" src="/js/plugins/swiper-3.3.1.min.js"></script>
		<script type="text/javascript" src="/js/plugins/mui.min.js"></script>
		<script type="text/javascript" src="/js/plugins/back-top.js"></script>
		<script>
			(function(win, doc) {
				var mySwiper = new Swiper('.swiper-container', {
					autoplay: 5000,
					pagination: '.swiper-pagination',
					prevButton: '.swiper-button-prev',
					nextButton: '.swiper-button-next',
				});
				var sopportTouch = "ontouchstart" in doc,
					tapStart = sopportTouch ? "touchstart" : "mousedown",
					tapEnd = sopportTouch ? "touchend" : "mouseup";
				mui(doc.body).on('tap', '.mui-btn', function(e) {
					mui(this).button('loading');
					setTimeout(function() {
						mui(this).button('reset');
					}.bind(this), 2000);
				});
				doc.querySelector('#searchInput').addEventListener('focus',function(){
					this.parentElement.className = 'form-search-act';
				});
				doc.querySelector('#searchInput').addEventListener('blur',function(){
					this.parentElement.className = 'form-search';
				});
			})(window, document);
		</script>
	</body>

</html>